import { useState } from "react";

import Child from "./Child";

function App() {
  const [count, setCount] = useState(0);

  const update = () => {
    // 1. 更新数据 2. 重新渲染组件
    // 父组件重新渲染，它相应的所有子组件也会重新渲染(性能不好)
    setCount(count + 1);
    // count++; // 只会更新数据，不会重新渲染组件
  };

  return (
    <>
      <h1>App</h1>
      <p>{count}</p>
      <button onClick={update}>App update button</button>

      <Child count={count} />
    </>
  );
}

export default App;
